body,html,div,a,ul,ol,li,table,thead,tbody,tr,td,p,img,h1,h2,h3,br,strong{ margin:0; padding:0;}
body{ background:#fff; font-size:16px; font-family:Arial,"微软雅黑";}
ul{ list-style:none;}
li{ list-style:none;}
input{ vertical-align:middle; font-size:12px; *line-height:40px;}
img{ border:0;}
a{ text-decoration:none;}
a:hover{ color:#f60; text-decoration:underline;}
.clear{ clear:both;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
textarea{ border:1px solid #dddcda;}

.left{ float:left;}
.right{ float:right;}
.wapper{ width:1000px; margin:0 auto;}
.clearfix:after{ content:"."; display:block; clear:both; height:0; overflow:hidden;}
.clearfix{ zoom:1;}
.am-text-xs {
    font-size: 1.5rem ! important;
}
/***  在线交易 ***/
.trading{ width:660px;}
.trading h2{ font-size:16px; line-height:40px; color:#333;}
.trading .trading_list a{ display:block; color:#333; text-decoration:none;}
.trading_list{ width:660px;}
.trading_list th,.trading_list tr,.trading_list td{ height:36px; text-align:center;}
.trading_list th{ background-color:#f60; color:#fff; border-right:#b6aea6;}
.list_con1{ background-color:#fff;}
.list_con2{ background-color:#f9f9f9;}
.row{ display:block; color:#333;}
.trading_list tbody tr:hover{ background-color:#e9e9e9; line-height:36px;}

.latest{ width:310px;}
.latest h2{ font-size:16px; line-height:40px; color:#333;}
.latest_list{ width:310px; background-color:#fdfdfc;}
.latest_list th{ background-color:#e1e1e1; color:#333; border-right:#b6aea6;}
.latest_list th,.latest_list tr,.latest_list td{ height:36px; text-align:center;}
.latest_list td{ border-bottom:1px solid #e1e1df;}
.buy{ color:#f60;}
.sell{ color:#3c0;}

.ybcbtcnav{ height:40px; margin-bottom:20px; padding-left:20px; line-height:40px; text-align:center; border-bottom:1px solid #f60;}
.ybcbtcnav a{ display:block;  float:left; background-color:#fff; color:#666; width:110px;}
.ybcbtcnav a:hover{ background-color:#fbfaf8; color:#666; width:110px;}
.ybcbtcnav .current{ background-color:#fff; color:#f60; border:1px solid #f60; border-bottom:none;}
/******/

/***  元宝币交易 ***/
.curve{ width:658px; border:1px solid #e1e1df; border-top:none; background-color:#fbfaf8;}
.ybcnav{ width:658px; background-color:#f60; border:1px solid #e1e1df; border-bottom:none;}
.money{ color:#666; line-height:40px;}
.money strong{ color:#f60; font-weight:normal;}
.ybcnav .left{ background-color:#e1e1df;}
.ybcnav li a{ display:block; color:#fff; width:94px; height:49px; line-height:49px; text-align:center; background-color:#f60; text-decoration:none; font-size:14px;}
.ybcnav li a:hover,.ybcnav li .current{ color:#333; background-color:#fbfaf8; border-bottom:1px solid #f60;}
.gengduo{ padding-top:15px;}
.gengduo a{ color:#666; text-decoration:underline;}
.gengduo a:hover{ color:#f60;}

.buysell{ padding:10px; margin:20px 0;}
.buyformarea{ background-color:#eee; width:310px; position:relative;}
.buyform li span{ padding-left:10px; color:#f60;}
.buyform li a{ text-decoration:underline; color:#333;}
.buyform li a:hover{ text-decoration:underline; color:#f60;}
.buyform li .sellbtn{ background-color:3c0;}
.picbuy{ position:absolute; left:top; right:10px; background:url(../images/buy.png) 0 0 no-repeat; color:#fff; height:38px; line-height:30px; width:60px; text-align:center;}
.picsell{ position:absolute; left:top; right:10px; background:url(../images/sell.png) 0 0 no-repeat; color:#fff; height:38px; line-height:30px; width:60px; text-align:center;}

.buyform li{ height:40px; line-height:40px; margin-bottom:10px;}
.buyform li input{ width:160px; height:38px; line-height:38px; border:1px solid #dddcda; padding-left:2px;}
.buyform li label{ width:100px; float:left; text-align:right;}
.buybtn{ background:url(../images/ybc_12.jpg) left bottom no-repeat; height:36px; line-height:36px; text-align:center; color:#fff; font-size:16px; cursor:pointer;}
.sellbtn{ background:url(../images/ybc_12.jpg) left top no-repeat; height:36px; line-height:36px; text-align:center; color:#fff;  font-size:16px; cursor:pointer;}
/******/

/*** 币币交易详细页面 ***/
.total_top{ width:100%; background:#fff; padding:20px 0; margin-bottom:30px; border-bottom:1px dotted #ddd;}
.price{ width:1000px; margin:0 auto; font-size:14px; line-height:22px; color:#333;}
.price .coin_coin{ font-size:16px; line-height:24px;}
.price span{ font-size:20px; color:#000;}
.now_price li{ float:left; line-height:22px; margin-left:30px; font-size:14px; color:#888;}
.now_price li span{ font-size:20px; color:#000;}
.now_price li .money{ color:#f60; line-height:22px; font-size:22px;}
.now_price li .sell{ color:#3c0;}
.now_price li .buy{ color:#f60;}
.k_img{ border:1px solid #e2e2e2; background:#fff; padding-top:5px;}
.my_coin{ border:1px solid #e2e2e2; padding:15px 0 15px 20px; margin:30px 0; font-size:14px; color:#666; background:#fff;}
.my_coin p a{ color:#333; text-decoration:underline;}
.my_coin p a:hover{ color:#f60;}
.my_coin ul{ height:24px;}
.my_coin ul li{ float:left; width:172px; line-height:24px; color:#666;}
.pay{ width:658px; border:0; background:none;}
.pay .buysell{ padding:0; margin:0;}
.pay .buysell .buyformarea{ width:312px; border:1px solid #e2e2e2; background:#fff;}
.buyformarea .buy{ color:#e00; padding:10px 20px 20px 20px; font-size:20px;}
.buyformarea .sell{ color:#558000; padding:10px 20px 20px 20px; font-size:20px;}
.sellform li .buy{ color:#e00; font-size:16px; padding:0; font-weight:normal;}
.sellform li .sell{ color:#690; font-size:16px; padding:0; font-weight:normal;}
.sellform li label{ width:90px;}
.sellform li{ height:30px; line-height:30px;}
.sellform li input{ height:24px; line-height:24px; width:190px; vertical-align:middle;}
.sellform li span{ font-size:12px; color:#999;}

.sellform .submit{width:260px; margin-left:25px; height:40px; background:#ff0000;font-size:18px;color:#fff;cursor:pointer; border:none;border-radius:5px; font-family:"微软雅黑";}
.sellform .submit:hover{ background:#ba0000;}
.sellform2 .submit{width:260px; margin-left:25px; height:40px; background:#690;font-size:18px;color:#fff;cursor:pointer; border:none;border-radius:5px; font-family:"微软雅黑";}
.sellform2 .submit:hover{background:#4b7100;}
.sellform .tishi{ color:#f00; line-height:24px; padding-left:15px;}



/*******/
.ratio{float:right;text-align:center;margin-right:25px;color:#888}
.ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0}
.ui-widget-content{background:#fff;color:#222}
.ui-state-default,.ui-widget-content .ui-state-default{border:1px solid #d3d3d3;background:#efefef 50% 50% repeat-x;font-weight:400;color:#555;outline:0}
.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block}
.ui-slider{position:relative;text-align:left;background:#eeeeee}
.index-trade-form .form-horizontal .controls{margin-left:115px}
.slider_wrap .ratio{width:10px}
.slider_wrap .sliderbox{width:120px;padding-top:12px;padding-left:6px}
.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default}
.ui-corner-all{-moz-border-radius:4px;-webkit-border-radius:4px}
.ui-slider-horizontal{height:7px!important;border-color:#CCC!important}
.ui-widget-header{background-color:#fff}
.ui-widget-header{background:#f70 50% 50% repeat-x;color:#222;font-weight:700}
.ui-slider-horizontal .ui-slider-range{top:0;height:100%}
.ui-slider{position:relative;text-align:left;width:150px;top:11px;left:95px;}
.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em;height:15px!important;width:5px!important;border-radius:25px!important}
.ui-widget-content .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus{border:1px solid #999;background:#dadada 50% 50% repeat-x;font-weight:400;color:#212121;outline:0}
.ui-state-active,.ui-widget-content .ui-state-active{border:1px solid #aaa;background:#fff 50% 50% repeat-x;font-weight:400;color:#212121;outline:0}
/********/

.smallfont{font-size: 12px !important;}